<div class="sm-pop">
    <div id="image_wrap">
    </div>
</div>

<script>
    $(function () {
        getImglist();
        $("#image_wrap").on("click","li",function () {
            $(this).addClass("active").siblings(".active").removeClass("active");
        });
        function getImglist(param) {
            var data={page:1};
            if (param && param.page) {
                data.page = param.page;
            }
            if($("#start").val() && $("#end").val()){
                data.start=$("#start").val();
                data.end=$("#end").val();
            }
            data.pageSize=10;
            $.ajax({
                url: '/managerImg/list',
                data: data,
                success: function (result) {
                    if (result.success && result.page && result.page.total > 0) {
                        //渲染列表
                        smartAui.renderHtml({
                            targetId: 'image_wrap',
                            template: "image-list",
                            htmlData: result,
                            callBack: function () {
                                if (result.page.total > 10) {
                                    initPage(result.page, getImglist);
                                }
                            }
                        });
                    } else {
                        smartAui.showEmpty($("#image_wrap"));
                    }
                },
                error: function () {
                    smartAui.showEmpty($("#image_wrap"));
                }
            })
        }
    })
</script>